<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<link rel="stylesheet" type="text/css" href="/skin/css/amazeui.min1.css" />
	<link href="/user/css/style.css" rel="stylesheet" type="text/css" />
	<script src="/user/js/jquery.js"></script>
	<meta name="Keywords" content="" />
	<meta name="Description" content="" />
	<title>转赠记录-会员中心</title>
	<style>
		/* 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值 */
		a{-webkit-tap-highlight-color:transparent;outline:none;}
		body{background:#f3f5f8;}
		
		/* 页面容器 */
		.record-container{
			padding:0.16rem;
		}
		
		/* 记录标题 */
		.record-title{
			font-size:0.16rem;
			font-weight:700;
			color:#1e293b;
			margin-bottom:0.12rem;
		}
		
		/* 记录列表 */
		.record-list{}
		
		/* 记录项 */
		.record-item{
			background:#fff;
			border-radius:0.04rem;
			padding:0.16rem;
			margin-bottom:0.12rem;
			box-shadow:0 0.02rem 0.08rem rgba(0,0,0,0.04);
		}
		
		/* 记录头部 */
		.record-header{
			display:flex;
			justify-content:space-between;
			align-items:center;
			margin-bottom:0.12rem;
		}
		
		.record-user{
			display:flex;
			align-items:center;
			gap:0.08rem;
			flex:1;
		}
		
		.user-icon{
			width:0.36rem;
			height:0.36rem;
			background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			border-radius:50%;
			display:flex;
			align-items:center;
			justify-content:center;
			flex-shrink:0;
		}
		.user-icon::after{
			content:'';
			width:0.16rem;
			height:0.16rem;
			background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/cover no-repeat;
		}
		
		.record-user-info{
			flex:1;
		}
		
		.record-name{
			font-size:0.15rem;
			font-weight:600;
			color:#1e293b;
			margin-bottom:0.04rem;
		}
		
		.record-time{
			font-size:0.12rem;
			color:#94a3b8;
		}
		
		/* 金额显示 */
		.record-amount{
			font-size:0.2rem;
			font-weight:700;
			text-align:right;
		}
		.record-amount.income{
			color:#16a34a;
		}
		.record-amount.expense{
			color:#ef4444;
		}
		
		/* 记录类型 */
		.record-type{
			display:inline-block;
			padding:0.04rem 0.08rem;
			background:#f1f5f9;
			color:#64748b;
			border-radius:0.04rem;
			font-size:0.11rem;
			margin-left:0.08rem;
			font-weight:500;
		}
		
		/* 空状态 */
		.empty-state{
			text-align:center;
			padding:1rem 0;
			color:#94a3b8;
		}
		.empty-icon{
			width:1rem;
			height:1rem;
			margin:0 auto 0.16rem;
			opacity:0.3;
		}
		.empty-text{
			font-size:0.14rem;
			color:#64748b;
		}
	</style>
	<script>
		// 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值
		(function(){
			var docEl = document.documentElement;
			var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
			function recalc() {
				var clientWidth = docEl.clientWidth;
				if (!clientWidth) return;
				docEl.style.fontSize = (clientWidth / 375 * 100) + 'px';
			}
			if (!document.addEventListener) return;
			window.addEventListener(resizeEvt, recalc, false);
			document.addEventListener('DOMContentLoaded', recalc, false);
			recalc();
		})();
	</script>
</head>
<body class="body">
<div class="main">
	<header id="header">
		<section class="head-b head-b1">
			<span class="u-left"><a href="javascript:history.go(-1);" class="back"><img src="/skin/img/back.png"/></a></span>
			<h1 id="t0">转赠记录</h1>
			<div class="u-right" href="#">
				<a href="/" class="hSearch right"><img src="/skin/img/i_home.png"/></a>
			</div>
		</section>
	</header>

	<div class="record-container">
		{if($msg==0)}
		<div class="empty-state">
			<svg class="empty-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
			</svg>
			<p class="empty-text">暂无转赠记录</p>
		</div>
		{else}
		<div class="record-list">
			{loop $zlist $key as $list}
			<div class="record-item">
				<div class="record-header">
					<div class="record-user">
						<div class="record-user-info">
							<div class="record-name">
								{if($info['Id']==$list['uid'])}
								转入 {$list[runame]}
								{else}
								{$list[uname]} 转入
								{/if}
							</div>
							<div class="record-time">{$list[addtime]}</div>
						</div>
					</div>
					<div class="record-amount {if($info['Id']==$list['uid'])}expense{else}income{/if}">
						{if($info['Id']==$list['uid'])}
						-{$list[cash]}
						{else}
						+{$list[cash]}
						{/if}
						<span class="record-type">{$hzarr[$list[type]]}</span>
					</div>
				</div>
			</div>
			{/loop}
		</div>
		{$page}
		{/if}
	</div>
</div>
{include(foot)}
</body>
</html>
